Блок
Элемент
Модификатор
Микс
БЭМ-дерево
Элемент
Модификатор
Микс
БЭМ-дерево
Основные понятия
БЭМ (Блок, Элемент, Модификатор) — компонентный подход к веб-разработке.
В его основе лежит принцип разделения интерфейса на независимые блоки.
Блока
Имя блоков
Основное правило блоков
Имя блоков
Основное правило блоков
Блоки
Начнём с блоков. Найдите на своих любимых сайтах повторяющиеся фрагменты — это и есть блоки.
Элементы
Имя элементов
Основное правило элементов
Имя элементов
Основное правило элементов
Элементы
Начнём с блоков. Найдите на своих любимых сайтах повторяющиеся фрагменты — это и есть блоки.
Модификаторы
Имя модификатора
Основное правило модификаторов
Имя модификатора
Основное правило модификаторов
Модификаторы
Начнём с блоков. Найдите на своих любимых сайтах повторяющиеся фрагменты — это и есть блоки.
Микситы
Имя микситов
Основное правило микситов
Имя микситов
Основное правило микситов
Микситы
Микс — это смешение стилей двух блоков. В этом случае мы задаём одному блоку два имени и получаем в результате новый блок, который обладает свойствами двух смешанных блоков.

HTML по БЭМ
Примеры HTML разметки по БЭМ .

CSS по БЭМ
В БЭМ-методологии CSS используется для оформления страниц и является одной из технологий реализации блока.

JavaScript по БЭМ
В БЭМ-методологии JavaScript — это одна из технологий реализации блока. Поэтому к JavaScript
наравне с CSS применяются основные принципы методологии БЭМ.